<html window-frame="transparent">

<head>
  <meta charset="utf-8">
  <title>Sciter clock</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html {
      background: transparent;
    }
  </style>

  <script type="text/tiscript">
  const body = $(body);
  
  self.ready = function() // html loaded - DOM ready
  {
    view.caption = "透明窗体";    
    const (sx,sy,sw,sh) = view.screenBox(#workarea,#rectw);
    const (w,h) = (404, 468);
    view.move( (sx + sw -w) / 2, (sy + sh -h)/2, w, h);
  }

  event dblclick $(#pic) (){
    view.close();
  }
</script>
</head>

<body>
  <div role="window-caption" #pic style="width:404px;height:468px;background:url(touming.png) no-repeat center bottom;">
  </div>
</body>

</html>